{% extends "layout.html" %}

{% block content %}
<div class="container">

    <div class="jumbotron">

        <h1>Shadowsocks</h1>

        <p class="lead">轻量级科学上网姿势，改变您的生活体验！</p>

        <div class="row">
            <!--<div class="col-xs-6">-->
                <!--<a href="javascript:void(0);" class="btn btn-success btn-month" data-value="2"-->
                   <!--data-url="{{url_for('over.handlers.my.cart.add')}}">加入购物车(8元/月)</a>-->
            <!--</div>-->
            <!--<div class="col-xs-6">-->
                <!--<a href="javascript:void(0);" class="btn btn-success btn-year" data-value="1"-->
                   <!--data-url="{{url_for('over.handlers.my.cart.add')}}">加入购物车(68元/年)</a>-->
            <!--</div>-->

            <form action="{{url_for('over.handlers.auth.login')}}" class="form-inline" method="post">
                <div class="form-group">
                    <input type="text" placeholder="邮箱地址" name="email"  class="form-control">
                </div>
                <div class="form-group">
                    <input type="password" placeholder="密码" name="password" class="form-control">
                </div>
                <div class="form-group">
                    <button class="btn btn-success btn-sm">登录</button>
                    <a href="{{url_for('over.handlers.auth.register')}}" class="register btn">注册</a>
                </div>

            </form>

        </div>
    </div>

    <div class="row marketing">
        <div class="col-lg-6">
            <!--<h4>免费试用</h4>-->
            <!--<p>用户注册后,有<a href="{{url_for('over.handlers.auth.register')}}">一天</a>的免费试用期</p>-->

            <h4>易于部署</h4>
            <p>和普通应用一样,仅需<a href="{{url_for('over.handlers.auth.login')}}">简单安装即可</a></p>

        </div>

        <div class="col-lg-6">
            <!--<h4>多条线路</h4>-->
            <!--<p>新加坡、日本、美国等多条线路切换</p>-->

            <h4>价格实惠</h4>
            <p>68元/年, 8元/月</p>

            <!--<h4>Subheading</h4>-->
            <!--<p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet-->
            <!--fermentum.</p>-->

            <!--<h4>Subheading</h4>-->
            <!--<p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p>-->
        </div>
    </div>

</div> <!-- /container -->


{% endblock %}